@import "../base";
/** 右侧主体 合同详情 **/
.agreement { >div:not(:last-child) { .mb(20px); } }

/** 合同进度 **/
.am-rop { .bg; .center;
	.am-rop-head { border-bottom: 1px solid #E9E9E9; padding: 22px; .lh(22px); .fzz(16px); .fw(400); .cb85; .center(left); }
	.arc-thread { .pat(24px);
		width: 90%; height: 20px; .pr; display: inline-block;
		.arc-t1 { .diA(8px,8px); .bg(#BFBFBF); .bradius; }
		.arc-t2 { .diA(30%,2px); .bg(#E9E9E9); .mt(3px); }
	}
	.arc-other { .pab(24px);
		width: 127%; .transform(translateX(-.5%));
		>li { width: 22%; .center(left); }
		div { .mb(14px); .lh(22px); .fzz(16px); .cb45; }
		p { .cb65; .lh(20px); padding: 4px 0; i { .diA(16px,16px); .ml(5px); .mt(2px); .bradius; overflow: hidden; img { .wh; } } }
		.arc-time { font-family: Helvetica; .mr(10px); }
		a { .c(#1890FF); }
	}

	.arc-t-succ1 { background-color: #1890FF !important; }
	.arc-t-succ2 { div { color: rgba(0,0,0,.85) !important; } }
	.arc-t-succ3 { div { color: rgba(0,0,0,.65) !important; } p { color: rgba(0,0,0,.45) !important; } }
}

/** 合同详情 **/
.am-Msg { .bg; padding: 24px; .pr;
	.am-lf { width: 100%; }
	.am-icon { .diA(28px,28px); .mr(12px);
		.lh(28px); .center(); .fzz(18px); .bg(#5BD171); .c; .bradius(3px);
	}
	.am-con {
		.diA(90%);
		h1 { .cb85; .fzz(20px); .fw(600); }
		table { width: 100%; border-collapse: collapse; padding: 5px 0; display: inline-block;
			td { padding: 5px 0; vertical-align: top; }
			.am-td1 { .cb85; }
			.am-td2 { .cb65; .pal(20px); .house-style { .mr(10px); } }

			.am-table-other {
				td { padding-top: 15px; }
			}
		}
	}
	.am-div-hr { height: 1px; .bg(#E9E9E9); margin: 10px 0; width: 60%; }
	.am-rig {
		.pa; top: 24px; right: 34px; .wh(600px,auto); 
		.am-btn { .center(right);
			a { .center(center); .diA(auto,32px); padding: 0 10px; .border(#D9D9D9); margin-left: 14px; .lh(32px); .bradius(5px); .pi; }
			.am-btn-c1 { .cb25; }
			.am-btn-c2 { .bg(#1890FF); border-color: #1890FF; .c; }
			.am-btn-c3 { .bg(#52C41A); border-color: #52C41A; .c; }
			.am-btn-c4 { .cb65; }
			.am-btn-c5 { .bg(#F04864); border-color: #F04864; .c; }
		}
		.am-btn-yjfjl { a:hover { .bg(#F04864); border-color: #F04864; .c; } }
		.am-rText {
			.center(right);
			.mt(15px);
			div { .cb45; }
			p { .cb85; .fzz(20px); .pr; display: inline-block; padding-left: 8px+14; }
			p:before { top: 7.5px; width: 14px; height: 14px; }
		}
	}
}


/** 确认合同信息 **/
.am-confirm {
	.bg(); padding: 24px 48px;

	.amc-con {
		padding: 15px;width: 75%; .ma;
		.amc-bar {
			border-bottom: 1px solid #E9E9E9; width: 100%; height: 16px; .mb(54px); .pr; -ms-user-select:none; user-select: none;  
			li { .pa; top: 0; padding: 0 32px; .bg(); .diA(auto,32px); .lh(32px); .fzz(16px);
				i { .diA(32px,32px); .border(#D9D9D9); .cb25;  .bradius; .center; font-style: normal; .mr(8px); }
				span { .cb45; }
			}
			.amcb-1 { left: 0; }
			.amcb-2 { left: 50%; .transform(translateX(-50%)); }
			.amcb-3 { right: 0; }
			//当前信息
			.amcb-cur {
				i { .border(#1890FF); .bg(#1890FF); .c; }
				span { .cb85; font-weight: 500; }
			}
			//完成信息
			.amcb-over {
				i { .border(#1890FF); .c(transparent);
					.bgC("");
					// background-size: 110%;
				}
				span { .cb65; }
			}
		}

		//提示框 
		.amc-notice { width: 85%; .boxs; .ma; padding: 10px 0 10px 40px;  .bradius(5px); .border(#91D5FF); .bg(#E6F7FF);
			background: #E6F7FF url() no-repeat 15px center;
			a { .c(#1890FF); }
			a:hover { .c(#0076E3); }
			em { .cb25	; }
			.rig { .mr(20px); .cb45(); .pi; }
		}

		.amc-form {
			form {
				.mt(20px); .bg(#F5F5F5); padding: 30px 0;
				> div { margin: 6px 0;
					> span { width: 40%; }

				}
				.form-normal-div { width: 45%; .cb65; span { .cb65; } }
				.form-pay-div { width: 45%; }
			}
		}

		//上传文件
		.amc-uploadFile {
			.amc-uf-sfz { 
				.center; width: 100%; margin: 30px 0;
 				li { display: inline-block; margin: 0 15px; .cb85; .lh(130px); }
 				.amc-sfz-front,.amc-sfz-reverse {
 					.wh(190px,130px); .border(#D9D9D9,1px,dashed); overflow: hidden;
 					img { .wh; }
 					a { .diA; .pr; }
 					span { .diA(100%,auto); .cb45; .pa; top: 50%; left: 50%; .transform(translate(-50%,-50%)); }
 				}
			}
			.amc-uf-sub { .center; margin: 30px 0;
				a { .diA(140px,40px);  margin: 0 20px; .border(#D9D9D9); .cb65; .center;  .lh(40px); .bradius(4px); .fzz(16px); }
				a:first-child { .bg(#1890FF); .cw85; border: none; }
				a:first-child:active { .bg(#0071DB); }
				a:nth-child(2):active { .bg(#D3D3D3); }
			}
		}
	}

	//说明
	.amc-desc {
		padding: 25px 48px; border-top: 1px solid #E9E9E9;
		h2 { .cb45; .fzz(16px); .fw(600); .mb(14px); }
		h3 { .cb45; .fzz(14px); .fw(400); .mb(6px); }
		p { .cb45; .fzz(14px); .fw(200); .mb(12px); }
	}
}
